.s-adjustable-container {
  position: relative;
  box-sizing: border-box;

  .s-adjustable-container__adjust-width-trigger,
  .s-adjustable-container__adjust-height-trigger {
    position: absolute;
    transition: background-color 300ms ease-in-out;

    &:hover {
      background-color: #dcdcdc7f;
    }
  }

  .s-adjustable-container__adjust-width-trigger--left {
    top: 0;
    left: 0;
    height: 100%;
    cursor: col-resize;
  }

  .s-adjustable-container__adjust-width-trigger--right {
    top: 0;
    right: 0;
    height: 100%;
    cursor: col-resize;
  }

  .s-adjustable-container__adjust-height-trigger--top {
    top: 0;
    left: 0;
    width: 100%;
    cursor: row-resize;
  }

  .s-adjustable-container__adjust-height-trigger--bottom {
    bottom: 0;
    left: 0;
    width: 100%;
    cursor: row-resize;
  }
}
